웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
자바스크립트에서 만약 해당하는 요소가 존재하지 않으면 오류가 발생하게됩니다. 해당 노드(Node)가 존재하지 않기 때문이죠. 해당 요소가 display 또는 visibility를 사용해 실제로는 존재하지만 보이지 않는 경우라면? 당연히 에러가 발생하지 않겠죠. 하지만 서버사이드 언어를 통해 브라우저에 출력되지 않게 한다면 스크립트 언어가 발생할 수 밖에 없을 것입니다. 이를 피하기 위해서는 먼저 해당 요소의 존재 여부를 확인해야합니다.
test = $('#test'); // 제이쿼리의 요소 선택
test = document.getElementByID('test'); // 자바스크립트의 요소 선택
if (test.length) {
// test요소가 존재할 경우 실행할 함수
}
php의 경우 아래와 같이 입력하면 쉽게 요소의 존재를 확인 후 해당 함수를 실행합니다.
<?php
if ($test) {
// 실행할 함수가 여기에 존재
}
?>
하지만, 제이쿼리의 경우 무엇이 되었든 꼭 반환을 하기 때문에 이렇게 확인할 수 없으며 간단하게 length를 사용해 가능한 방법입니다.
test = $('#test'); // 제이쿼리의 요소 선택
test = document.getElementByID('test'); // 자바스크립트의 요소 선택
if (test.length) {
}
php의 경우 아래와 같이 입력하면 쉽게 요소의 존재를 확인 후 해당 함수를 실행합니다.
<?php
if ($test) {
}
?>
하지만, 제이쿼리의 경우 무엇이 되었든 꼭 반환을 하기 때문에 이렇게 확인할 수 없으며 간단하게 length를 사용해 가능한 방법입니다.
아래의 글도 찾고 계시지 않나요?
